/* body{
    overflow: hidden;
} */
@font-face{font-family:"electronicFont1";src:url("../font/DS-DIGIT.TTF")}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: "electronicFont";font-weight: 400;src: url("../font/AlimamaDaoLiTi.woff2") format("woff2"),
    url("../font/AlimamaDaoLiTi.woff") format("woff");
    font-display: swap;
  }
.app{
    width: 100vw;
    height: 150vh;
    background: url("../../assetst/images/bg2.jpg") repeat-y;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    
}
.header{
    width: 100%;
    height: 80px;
    background: url("../../assetst//images/title.png") no-repeat;
    background-size: contain;
}
.content{
    width: 100vw;
    position: relative;
    height: 92vh;
    display: flex;
    box-sizing: border-box;
}
.left{
    width: 20vw;
    height: 85vh;
    /* background-color: #137194; */
    padding-left: 10px;
}
.center{
    width: 56vw;
    height: 90vh;
    margin-top: 10px;
    /* background-color: antiquewhite;
     */
     border: 2px solid rebeccapurple;
    position: absolute;
    top: 0;
    left: 22vw;

}
.right{
    width: 20vw;
    height: 85vh;
    /* background-color: #137194; */
    margin-left: auto;
    padding-right: 10px;
}
.win{
    
    width: 20vw;
    height:20vw;
    margin-top: 30px;
    position: relative;
    display: inline-block;
}

.main {
    width: 20vw;
    height: 20vw;
    
    border: 2px solid rgb(10, 110, 210);
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(65, 65, 222, 0.1) ;
}

.border_corner{
    z-index: 2500;
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgba(82, 78, 202, 0.229);
    border: 4px solid #137194;
}
.border_corner_left_top{
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 4px;
}
.border_corner_right_top{
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 4px;
}
.border_corner_left_bottom{
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
    width: 10px;
    height: 10px;

    border-bottom-left-radius: 4px;
}
.border_corner_right_bottom{
    bottom: 0;
    right: -1px;
    border-left: none;
    border-top: none;
    border-bottom-right-radius: 4px;
}
.bt{
    width:  30vh;
    height: 6vh; 
    
    background-color: #2C58A6;;
    border-radius: 5vh;
    position: absolute;
    left: 5vh;
    top: -4vh;
    /* text-align: center; */
    overflow: hidden;
    line-height: 6vh;
}
.btncenter{
    width:  30vh;
    height: 6vh; 
    
    background-color: #2C58A6;;
    border-radius: 5vh;
    position: absolute;
    overflow: hidden;
    line-height: 6vh;
    /* top: -93vh; */
    position: absolute;
    /* left: 45vw; */
    top:-3vh;
    left: 25vw;
}
.btncenter>span{
    margin-left: 35px;
    color: aliceblue;
    font-weight: 600;
    font-family:electronicFont ;
    font-size: 20px;
    
}
.btn1{
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 10px;
    background-size: contain;
    
    top: -91vh;
    left: 45vw;
}
.bt>span{
    margin-left: 30px;
    color: aliceblue;
    font-weight: 600;
    font-family:electronicFont ;
    font-size: 20px;
    
}

.btn{
   
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 10px;
    background-size: contain;
    left: 5.2vh;
    top: -2.5vh;
    
}
.footer{
    display: flex;
    margin-top: 10px;
}
.footer>div{
    flex: 1;
    
}
.footer>div :nth-child(1){
    margin-left: 2.5vw;
}